<template>
<div class="wrap">
	<Gheader :showheader="data"></Gheader>
	<scroll  class="wrapper"> 
		<div class="inwrap">
			<div><img src="" alt="" /> <span>昵称</span></div>
			<img src="../../../assets/G-img/二维码.png" alt="" />
			<p>扫一扫上面二维码图案，邀请好友注册吧</p>
		</div>
	</scroll>
</div>
</template>

<script>
	import Scroll from "../../../../base/Scroll"
	import Gheader from "../person-center/Gheader"
	export default{
		name:"Qrcode",
		data(){
			return{
				data:{
					word:"我的二维码 ",
					left:[true,false,false],
					right:[false,false,false,false,false,false],
					leftword:"",
					rightword1:"",
					rightword2:""
				},
			}
		},
		components:{
			Gheader,
			Scroll
		}
	}
</script>

<style scoped>
	.wrap{
		width: 100%;
		height: 100vh;
		background: #F2F2F2;
	}
	.wrapper{
		height: 90vh;
		overflow: hidden;
	}
	.inwrap{
		height: 90.2vh;
	}
	.inwrap>div:nth-child(1){
		padding:0 2.8%;
		width: 94.4%;
		height: 13.514vh;
		line-height:13.514vh;
		padding-left:12vh;
		position: relative;
		font-size: 1.3rem;
	}
	.inwrap>div:nth-child(1) img{
		display: inline-block;
		width: 8vh;
		height:8vh ;
		background: #D26060;
		border: 1px solid #CCCCCC;
		border-radius: 50%;
		margin-top:-4vh ;
		position: absolute;
		left: 1rem;
		top: 50%;
	}
	.inwrap>img{
		display: block;
		width: 40%;
		margin: 0 30%;
		height: 25vh;
	}
	.inwrap p{
		margin-top: 3vh;
		text-align: center;
		font-size: 1.4rem;
		font-weight: 200;
	}
</style>